<template>
	<div class="hotBrand">
		<div class="tit">{{hotBrand.title}}</div>
		<div class="content">
			<div class="item" v-for="(item,index) of hotBrand.data" :key="index" @click="jumpUrl(item.h5_url)">
				<img v-lazy="item.img_url" alt="">
			</div>
		</div>
	</div>
</template>
<script>
export default{
	name:'hotBrand',
	data(){
		return{
			
		}
	},
	props:{
		hotBrand:Object
	},
	methods:{
		jumpUrl(h5_url){
			if(!h5_url){
				return
			}
			window.location.href=h5_url
		}
	},
	watch:{

	}
}
</script>
<style lang="stylus" scoped>
.hotBrand{width:100%;overflow:hidden;display: flex;flex-direction: row;align-items: center;justify-content:space-between;background:#fff;position:relative;flex-wrap:wrap;}
.tit{width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;color:#363636;}
.content{width:100%;padding:0 10px;box-sizing:border-box;display:flex;flex-direction: row;align-items: center;justify-content:space-between;flex-wrap:wrap;}
.item{width:23%;margin-bottom:10px;}
.item img{width:100%;}

</style>